$(function () {
    findByItem(1)
    //Demo
    layui.use('form', function(){
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
    
})

layui.use('layer', function(){
    var layer = layui.layer;
});

function showProductInfo() {
    layer.open({
        title:"商品详细信息", //标题
        type:1,//弹出层类别，1表示页面层
        shadeClose:true,//点击遮罩关闭
        skin:'layui-layer-rim',//加上边框
        area:['620px','440px'],//宽高
        anim:1,
        content:$("#productInfoDiv")

    });
}

function showUpdatePrice(proId) {
    layer.open({
        title:"修改商品销售价", //标题
        type:1,//弹出层类别，1表示页面层
        shadeClose:true,//点击遮罩关闭
        skin:'layui-layer-rim',//加上边框
        area:['620px','470px'],//宽高
        anim:1,
        content:$("#updatePriceDiv")

    });

    $.post("/product/findById","&proId="+proId,function (productObj) {
        $("#proId1").html(productObj.id)
        $("#proName1").html(productObj.name)
        $("#proVender1").html(productObj.vender)
        $("#proType1").html(productObj.type)
        $("#storeNum1").html(productObj.storeNum)
        $("#buyPrice1").html(productObj.buyPrice)
        $("#picture1").attr("src","../img/"+productObj.photo.toString())
        $("#updatePrice").val('')
    })
}





function findByItem(pageNO) {
    $.post("/product/findAll","&pageNO="+pageNO+"&type=手机产品",function (pageInfo) {
        var str ="";
        for(var i = 0;i<pageInfo.list.length;i++){
            var productObj = pageInfo.list[i]
            str += `<tr><td>${productObj.name}</td><td>${productObj.type}</td><td>${productObj.vender}</td><td>${productObj.storeNum}</td><td><a class="layui-btn layui-btn-normal"href="javascript:findById(${productObj.id})">商品详细信息</a><a class="layui-btn layui-btn-warm" href="javascript:showUpdatePrice(${productObj.id})">修改销售价</a></td></tr>`
        }
        $("#stockData").html(str)
        if(pageNO == 1){
            layui.use('laypage', function(){
                var laypage = layui.laypage;

                //执行一个laypage实例
                laypage.render({
                    elem: 'cutPageDiv' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: pageInfo.total //数据总数，从服务端得到
                    ,limit:3,
                    jump:function (obj,first) {

                        if(!first){
                            findByItem(obj.curr)
                        }
                    }
                });
            });
        }


    })

}




function findById(proId) {
    showProductInfo()
    $.post("/product/findById","&proId="+proId,function (productObj) {
        $("#proId").html(productObj.id)
        $("#proName").html(productObj.name)
        $("#proVender").html(productObj.vender)
        $("#proType").html(productObj.type)
        $("#storeNum").html(productObj.storeNum)
        $("#buyPrice").html(productObj.buyPrice)
        $("#sellPrice").html(productObj.sellPrice)
        $("#picture").attr("src","../img/"+productObj.photo.toString())

    })
    
}

function find(pageNO) {
    var name = $("#name").val()
    var startNum = $("#startNum").val()
    var endNum = $("#endNum").val()
    var type = $("#type").val()
    $.post("/product/findAll","&pageNO="+pageNO+"&type="+type+"&name="+name+"&startNum="+startNum+"&endNum="+endNum,function (pageInfo) {
        var str ="";
        for(var i = 0;i<pageInfo.list.length;i++){
            var productObj = pageInfo.list[i]
            str += `<tr><td>${productObj.name}</td><td>${productObj.type}</td><td>${productObj.vender}</td><td>${productObj.storeNum}</td><td><a class="layui-btn layui-btn-normal"href="javascript:findById(${productObj.id})">商品详细信息</a><a class="layui-btn layui-btn-warm" href="javascript:showUpdatePrice(${productObj.id})">修改销售价</a></td></tr>`
        }
        $("#stockData").html(str)
        if(pageNO == 1){
            layui.use('laypage', function(){
                var laypage = layui.laypage;

                //执行一个laypage实例
                laypage.render({
                    elem: 'cutPageDiv' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: pageInfo.total //数据总数，从服务端得到
                    ,limit:3,
                    jump:function (obj,first) {

                        if(!first){
                            find(obj.curr)
                        }
                    }
                });
            });
        }
    })
}

function updatePrice() {
    var proId = $("#proId1").html()
    var price = $("#updatePrice").val()
    if(price.length == 0){
        alert("请输入价格")
        return
    }
    $.post("/product/updatePrice","&proId="+proId+"&price="+price,function (info) {
        if(info == "ok"){
            alert("价格修改成功")
        }
    })
    layer.closeAll();

}
